.welfare{
	.welfare-top{
		display: flex;
		justify-content: center;
		height: 420upx;
		align-items: center;
	}
	.quick{
		margin-top: 50upx;
		position: relative;
		padding: 20upx 0;
		.model{
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			z-index: 99;
			background-color: rgba(0,0,0,0.4);
			border-radius: 20upx;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #FFFFFF;
			font-weight: bold;
			font-size: 36upx;
		}
		.price{
			padding: 0 20upx;
			margin-bottom: 12upx;
			text:first-child{
				color: #808080;
			}
			text-last-child{
				color: #2C405A;
				font-size: 34upx;
			}
		}
		.quick-input{
			padding: 0 20upx;
			input{
				height: 80upx;
				border: 1px solid rgba(68, 88, 124, 0.2);
				border-radius: 12upx;
				padding: 0 20upx;
			}
		}
		.quick-lists{
			display: flex;
			flex-wrap: wrap;
			margin-top: 50upx;
			.quick-list{
				width: 33.3%;
				display: flex;
				align-items: center;
				justify-content: center;
				height: 80upx;
				margin-bottom: 20upx;
				text{
					border: 1px solid rgba(68, 88, 124, 0.2);
					width: 80%;
					height: 100%;
					display: flex;
					align-items: center;
					justify-content: center;
					color: #2C405A;
					border-radius: 12upx;
					font-size: 36upx;
				}
			}
		}
		.btn{
			padding: 0 20upx;
			button{
				display: flex;
				justify-content: center;
				align-items: center;
				margin-top: 50upx;
				color: #FFFFFF;
				height: 90upx;
				border-radius: 12upx;
				border: 0;
			}
		}
	}
	.rule{
		margin-top: 40upx;
		.title{
			font-weight: bold;
			font-size: 34upx;
			color: #2C405A;
			margin-bottom: 20upx;
			text-align: center;
			padding: 30upx 0;
			box-shadow: 0px 0px 10px 3px #eeeaea;
		}
		.rule-content{
			line-height: 60upx;
			color: #333333;
			font-size: 30upx;
			padding: 20upx 40upx;
		}
	}
}
uni-button:after{
	border: 0;
}
.popup{
	background-color: #FFFFFF;
	padding:20upx 30upx;
	.btn{
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 30upx;
		color: #FFFFFF;
		height: 80upx;
		border-radius: 12upx;
		border: 0;
		background-color: #2C405A;
	}
	.pay-price{
		display: flex;
		justify-content: space-between;
		height: 130upx;
		align-items: center;
		width: 100%;
		border-bottom: 1px solid #EEEEEE;
		font-size: 32upx;
		color: #2C405A;
		text:last-child{
			color: red;
			font-weight: bold;
			font-size: 36upx;
		}
	}
}
.lists{
	.list{
		display: flex;
		align-items: center;
		height: 130upx;
		border-bottom: 1px solid #EEEEEE;
		justify-content: space-between;
		.list-left{
			display: flex;
			align-items: center;
			.list-left-txt{
				display: flex;
				flex-flow: column;
				padding-left: 22upx;
				text{
					font-size: 30upx;
				}
				text:last-child{
					color: #808080;
					font-size: 26upx;
				}
			}
		}
		.list-right{
			border: 1px solid #dddddd;
			width: 42upx;
			height: 42upx;
			border-radius: 21upx;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		image{
			width: 80upx;
			height: 80upx;
		}
	}
}